﻿<!DOCTYPE html>
<html>
  <head>
    <title>产品前端架构</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/产品前端架构/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/产品前端架构/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形组) -->
      <div id="u1" class="ax_default flow_shape">
        <img id="u1_img" class="img " src="images/产品前端架构/u1.png"/>
        <div id="u1_text" class="text ">
          <p><span>想念APP</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形组) -->
      <div id="u2" class="ax_default flow_shape">
        <img id="u2_img" class="img " src="images/产品前端架构/u1.png"/>
        <div id="u2_text" class="text ">
          <p><span>首页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形组) -->
      <div id="u3" class="ax_default flow_shape">
        <img id="u3_img" class="img " src="images/产品前端架构/u1.png"/>
        <div id="u3_text" class="text ">
          <p><span>推荐</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u4" class="ax_default _连接线">
        <img id="u4_seg0" class="img " src="images/产品前端架构/u4_seg0.png" alt="u4_seg0"/>
        <img id="u4_seg1" class="img " src="images/产品前端架构/u4_seg1.png" alt="u4_seg1"/>
        <img id="u4_seg2" class="img " src="images/产品前端架构/u4_seg2.png" alt="u4_seg2"/>
        <div id="u4_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形组) -->
      <div id="u5" class="ax_default flow_shape">
        <img id="u5_img" class="img " src="images/产品前端架构/u1.png"/>
        <div id="u5_text" class="text ">
          <p><span>定制</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形组) -->
      <div id="u6" class="ax_default flow_shape">
        <img id="u6_img" class="img " src="images/产品前端架构/u1.png"/>
        <div id="u6_text" class="text ">
          <p><span>我的</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u7" class="ax_default _连接线">
        <img id="u7_seg0" class="img " src="images/产品前端架构/u7_seg0.png" alt="u7_seg0"/>
        <img id="u7_seg1" class="img " src="images/产品前端架构/u7_seg1.png" alt="u7_seg1"/>
        <img id="u7_seg2" class="img " src="images/产品前端架构/u7_seg2.png" alt="u7_seg2"/>
        <div id="u7_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u8" class="ax_default _连接线">
        <img id="u8_seg0" class="img " src="images/产品前端架构/u7_seg0.png" alt="u8_seg0"/>
        <img id="u8_seg1" class="img " src="images/产品前端架构/u8_seg1.png" alt="u8_seg1"/>
        <img id="u8_seg2" class="img " src="images/产品前端架构/u8_seg2.png" alt="u8_seg2"/>
        <div id="u8_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u9" class="ax_default _连接线">
        <img id="u9_seg0" class="img " src="images/产品前端架构/u4_seg0.png" alt="u9_seg0"/>
        <img id="u9_seg1" class="img " src="images/产品前端架构/u9_seg1.png" alt="u9_seg1"/>
        <img id="u9_seg2" class="img " src="images/产品前端架构/u4_seg2.png" alt="u9_seg2"/>
        <div id="u9_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形组) -->
      <div id="u10" class="ax_default flow_shape">
        <img id="u10_img" class="img " src="images/产品前端架构/u1.png"/>
        <div id="u10_text" class="text ">
          <p><span>搜索</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形组) -->
      <div id="u11" class="ax_default flow_shape">
        <img id="u11_img" class="img " src="images/产品前端架构/u1.png"/>
        <div id="u11_text" class="text ">
          <p><span>信息流</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形组) -->
      <div id="u12" class="ax_default flow_shape">
        <img id="u12_img" class="img " src="images/产品前端架构/u1.png"/>
        <div id="u12_text" class="text ">
          <p><span>点赞</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形组) -->
      <div id="u13" class="ax_default flow_shape">
        <img id="u13_img" class="img " src="images/产品前端架构/u1.png"/>
        <div id="u13_text" class="text ">
          <p><span>评论</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形组) -->
      <div id="u14" class="ax_default flow_shape">
        <img id="u14_img" class="img " src="images/产品前端架构/u1.png"/>
        <div id="u14_text" class="text ">
          <p><span>分享</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u15" class="ax_default _连接线">
        <img id="u15_seg0" class="img " src="images/产品前端架构/u15_seg0.png" alt="u15_seg0"/>
        <img id="u15_seg1" class="img " src="images/产品前端架构/u15_seg1.png" alt="u15_seg1"/>
        <img id="u15_seg2" class="img " src="images/产品前端架构/u4_seg2.png" alt="u15_seg2"/>
        <div id="u15_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u16" class="ax_default _连接线">
        <img id="u16_seg0" class="img " src="images/产品前端架构/u16_seg0.png" alt="u16_seg0"/>
        <img id="u16_seg1" class="img " src="images/产品前端架构/u16_seg1.png" alt="u16_seg1"/>
        <img id="u16_seg2" class="img " src="images/产品前端架构/u7_seg2.png" alt="u16_seg2"/>
        <div id="u16_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u17" class="ax_default _连接线">
        <img id="u17_seg0" class="img " src="images/产品前端架构/u17_seg0.png" alt="u17_seg0"/>
        <img id="u17_seg1" class="img " src="images/产品前端架构/u17_seg1.png" alt="u17_seg1"/>
        <img id="u17_seg2" class="img " src="images/产品前端架构/u17_seg2.png" alt="u17_seg2"/>
        <div id="u17_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u18" class="ax_default _连接线">
        <img id="u18_seg0" class="img " src="images/产品前端架构/u17_seg0.png" alt="u18_seg0"/>
        <img id="u18_seg1" class="img " src="images/产品前端架构/u18_seg1.png" alt="u18_seg1"/>
        <img id="u18_seg2" class="img " src="images/产品前端架构/u17_seg2.png" alt="u18_seg2"/>
        <div id="u18_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u19" class="ax_default _连接线">
        <img id="u19_seg0" class="img " src="images/产品前端架构/u19_seg0.png" alt="u19_seg0"/>
        <img id="u19_seg1" class="img " src="images/产品前端架构/u19_seg1.png" alt="u19_seg1"/>
        <img id="u19_seg2" class="img " src="images/产品前端架构/u19_seg2.png" alt="u19_seg2"/>
        <div id="u19_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形组) -->
      <div id="u20" class="ax_default flow_shape">
        <img id="u20_img" class="img " src="images/产品前端架构/u1.png"/>
        <div id="u20_text" class="text ">
          <p><span>推荐猜测</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形组) -->
      <div id="u21" class="ax_default flow_shape">
        <img id="u21_img" class="img " src="images/产品前端架构/u1.png"/>
        <div id="u21_text" class="text ">
          <p><span>你合我猜</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u22" class="ax_default _连接线">
        <img id="u22_seg0" class="img " src="images/产品前端架构/u15_seg0.png" alt="u22_seg0"/>
        <img id="u22_seg1" class="img " src="images/产品前端架构/u22_seg1.png" alt="u22_seg1"/>
        <img id="u22_seg2" class="img " src="images/产品前端架构/u4_seg2.png" alt="u22_seg2"/>
        <div id="u22_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u23" class="ax_default _连接线">
        <img id="u23_seg0" class="img " src="images/产品前端架构/u16_seg0.png" alt="u23_seg0"/>
        <img id="u23_seg1" class="img " src="images/产品前端架构/u23_seg1.png" alt="u23_seg1"/>
        <img id="u23_seg2" class="img " src="images/产品前端架构/u7_seg2.png" alt="u23_seg2"/>
        <div id="u23_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形组) -->
      <div id="u24" class="ax_default flow_shape">
        <img id="u24_img" class="img " src="images/产品前端架构/u1.png"/>
        <div id="u24_text" class="text ">
          <p><span>猜测成功</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形组) -->
      <div id="u25" class="ax_default flow_shape">
        <img id="u25_img" class="img " src="images/产品前端架构/u1.png"/>
        <div id="u25_text" class="text ">
          <p><span>猜测失败</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形组) -->
      <div id="u26" class="ax_default flow_shape">
        <img id="u26_img" class="img " src="images/产品前端架构/u1.png"/>
        <div id="u26_text" class="text ">
          <p><span>上传人像</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形组) -->
      <div id="u27" class="ax_default flow_shape">
        <img id="u27_img" class="img " src="images/产品前端架构/u1.png"/>
        <div id="u27_text" class="text ">
          <p><span>输入语音</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u28" class="ax_default _连接线">
        <img id="u28_seg0" class="img " src="images/产品前端架构/u17_seg0.png" alt="u28_seg0"/>
        <img id="u28_seg1" class="img " src="images/产品前端架构/u28_seg1.png" alt="u28_seg1"/>
        <img id="u28_seg2" class="img " src="images/产品前端架构/u17_seg2.png" alt="u28_seg2"/>
        <div id="u28_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u29" class="ax_default _连接线">
        <img id="u29_seg0" class="img " src="images/产品前端架构/u29_seg0.png" alt="u29_seg0"/>
        <div id="u29_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u30" class="ax_default _连接线">
        <img id="u30_seg0" class="img " src="images/产品前端架构/u29_seg0.png" alt="u30_seg0"/>
        <div id="u30_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u31" class="ax_default _连接线">
        <img id="u31_seg0" class="img " src="images/产品前端架构/u19_seg0.png" alt="u31_seg0"/>
        <img id="u31_seg1" class="img " src="images/产品前端架构/u31_seg1.png" alt="u31_seg1"/>
        <img id="u31_seg2" class="img " src="images/产品前端架构/u19_seg2.png" alt="u31_seg2"/>
        <div id="u31_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形组) -->
      <div id="u32" class="ax_default flow_shape">
        <img id="u32_img" class="img " src="images/产品前端架构/u1.png"/>
        <div id="u32_text" class="text ">
          <p><span>定制相册</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u33" class="ax_default _连接线">
        <img id="u33_seg0" class="img " src="images/产品前端架构/u33_seg0.png" alt="u33_seg0"/>
        <div id="u33_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形组) -->
      <div id="u34" class="ax_default flow_shape">
        <img id="u34_img" class="img " src="images/产品前端架构/u1.png"/>
        <div id="u34_text" class="text ">
          <p><span>模板</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形组) -->
      <div id="u35" class="ax_default flow_shape">
        <img id="u35_img" class="img " src="images/产品前端架构/u1.png"/>
        <div id="u35_text" class="text ">
          <p><span>自定义</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u36" class="ax_default _连接线">
        <img id="u36_seg0" class="img " src="images/产品前端架构/u17_seg0.png" alt="u36_seg0"/>
        <img id="u36_seg1" class="img " src="images/产品前端架构/u36_seg1.png" alt="u36_seg1"/>
        <img id="u36_seg2" class="img " src="images/产品前端架构/u17_seg2.png" alt="u36_seg2"/>
        <div id="u36_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u37" class="ax_default _连接线">
        <img id="u37_seg0" class="img " src="images/产品前端架构/u19_seg0.png" alt="u37_seg0"/>
        <img id="u37_seg1" class="img " src="images/产品前端架构/u37_seg1.png" alt="u37_seg1"/>
        <img id="u37_seg2" class="img " src="images/产品前端架构/u19_seg2.png" alt="u37_seg2"/>
        <div id="u37_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形组) -->
      <div id="u38" class="ax_default flow_shape">
        <img id="u38_img" class="img " src="images/产品前端架构/u1.png"/>
        <div id="u38_text" class="text ">
          <p><span>基本信息</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形组) -->
      <div id="u39" class="ax_default flow_shape">
        <img id="u39_img" class="img " src="images/产品前端架构/u1.png"/>
        <div id="u39_text" class="text ">
          <p><span>作品</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形组) -->
      <div id="u40" class="ax_default flow_shape">
        <img id="u40_img" class="img " src="images/产品前端架构/u1.png"/>
        <div id="u40_text" class="text ">
          <p><span>订单</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u41" class="ax_default _连接线">
        <img id="u41_seg0" class="img " src="images/产品前端架构/u41_seg0.png" alt="u41_seg0"/>
        <img id="u41_seg1" class="img " src="images/产品前端架构/u41_seg1.png" alt="u41_seg1"/>
        <img id="u41_seg2" class="img " src="images/产品前端架构/u41_seg2.png" alt="u41_seg2"/>
        <div id="u41_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u42" class="ax_default _连接线">
        <img id="u42_seg0" class="img " src="images/产品前端架构/u33_seg0.png" alt="u42_seg0"/>
        <div id="u42_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u43" class="ax_default _连接线">
        <img id="u43_seg0" class="img " src="images/产品前端架构/u43_seg0.png" alt="u43_seg0"/>
        <img id="u43_seg1" class="img " src="images/产品前端架构/u43_seg1.png" alt="u43_seg1"/>
        <img id="u43_seg2" class="img " src="images/产品前端架构/u8_seg2.png" alt="u43_seg2"/>
        <div id="u43_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>
    </div>
  </body>
</html>
